<div class="main-container">
    <div class="search-wrap">
        <div class="radio-wrap">
            <nz-radio-group [(ngModel)]="radioValue">
                <label nz-radio nzValue="single">单站分析</label>
                <label nz-radio nzValue="multi">多站分析</label>
            </nz-radio-group>
        </div>

        <div class="time-picker-wrap">
            起止时间：
            <nz-range-picker
                [nzRanges]="topDateRanges"
                [(ngModel)]="topDateModal">
            </nz-range-picker>
        </div>


        <div class="button-wrap">
            <button nz-button nzType="primary">打印</button>
            <button nz-button nzType="primary">导出</button>
        </div>

    </div>

    <div class="main-container">
        <ng-container *ngIf="radioValue == 'single'">
            <app-hr-single-statistics [dateModal]="topDateModal"></app-hr-single-statistics>
        </ng-container>

        <ng-container *ngIf="radioValue == 'multi'">
            <app-hr-multi-statistics [dateModal]="topDateModal"></app-hr-multi-statistics>
        </ng-container>
    </div>
</div>
